(function () {
  // 步骤3：创建echarts实例
  let myChart = echarts.init(document.querySelector(".left-bottom>.tb"));

  // 步骤4：定义配置（指定图表的配置项和数据）
  option = {
    tooltip: {
      trigger: "item",
    },
    legend: {
      textStyle: {
        color: "#666e8c",
      },
      orient: "vertical",
      right: "right",
    },
    series: [
      {
        type: "pie",
        radius: "50%",
        data: [
          { value: 1048, name: "图例1", label: { color: "#5470c6" } },
          { value: 735, name: "图例2", label: { color: "#91cc75" } },
          { value: 580, name: "图例3", label: { color: "#fac858" } },
          { value: 484, name: "图例4", label: { color: "#ff7070" } },
          { value: 300, name: "图例5", label: { color: "#73c0de" } },
        ],
        emphasis: {
          itemStyle: {
            shadowBlur: 10,
            shadowOffsetX: 0,
            shadowColor: "rgba(0, 0, 0, 1)",
          },
        },
      },
    ],
  };

  // 步骤5：使用刚指定的配置项和数据显示图表
  myChart.setOption(option);

  // window.onresize = () => {
  //     myChart.resize()
  // }

  window.addEventListener("resize", () => {
    myChart.resize();
  });
})();
